<template>
  <tr>
    <th 
    v-for="item of tHead" 
    :key="item.key"
    >
      {{ item.text }}
    </th>
  </tr>
</template>

<script setup>
  const props = defineProps({
    tHead: {
      type: Array,
      default: () => []
    }
  })

  console.log(props.tHead);
</script>

<style lang="scss" scoped>
tr {
  height: 40px;
  line-height: 40px;
}
</style>
